var Equip = Vue.component('equip', {
    data() {
        return {
            editStatus: true,   // 是否可编辑
            equips: [],
            equipsOld: []
        }
    },

    template: `<div class="equip__box">
                    <div class="equip__con">
                        <h3 class="index__title equip__title">工厂设备</h3>
                        <div class="index__info equip__info">
                            <div class="index__table__list equip__table__list">
                                <table>
                                    <tbody>
                                        <tr>
                                            <th>设备名称</th>
                                            <th>品牌</th>
                                            <th>年限</th>
                                            <th>数量</th>
                                            <th>打勾</th>
                                        </tr>
                                        <tr v-for="item in equips" :key="item.id">
                                            <td>
                                                <span>{{item.name}}</span>
                                            </td>
                                            <td>
                                                <input :disabled="editStatus" v-model="item.brand">
                                            </td>
                                            <td>
                                                <input type="number" :disabled="editStatus" v-model="item.year">
                                            </td>
                                            <td>
                                                <input type="number" :disabled="editStatus" v-model="item.num">
                                            </td>
                                            <td>
                                                <input type="checkbox" :disabled="editStatus" v-model="item.check">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="common__btn">
                        <div class="common__btn__box">
                            <span class="common__btn__sure" v-show="editStatus" @click="setEditFun">编辑</span>
                            <span class="common__btn__close" v-show="!editStatus" @click="setCancelFun">取消</span>
                            <span class="common__btn__sure" v-show="!editStatus" @click="updateUserInfo">保存设置</span>
                        </div>
                    </div>
                </div>`,

    methods: {
        setEditFun: function () {  // 编辑
            this.editStatus = !this.editStatus;
        },
        setCancelFun: function () { // 取消
            var _equips = JSON.stringify(this.equipsOld);
            this.equips = JSON.parse(_equips);
            this.editStatus = !this.editStatus;
        },
        getUserInfo() {
            // 获取工厂设备
            var self = this;
            $.ajax({
                type:"POST",
                url: _UrlPrefix + "/api/member/factory/fac-equip-list",
                data: {
                    app_access: _AppAccess,
                    token: localStorage.getItem('token'),
                    type: 2,
                    cate: 2
                },
                success:function(res){
                    if(0 == res.code) {
                        var _equips = JSON.stringify(res.data.equips);
                        self.equips = JSON.parse(_equips);
                        self.equipsOld = JSON.parse(_equips);
                    }
                }
            })
        },
        updateUserInfo() {
            // 修改工厂设备
            var _equips = [];
            for(var i = 0;i < this.equips.length;i++) {
                var _check = "0";
                if(this.equips[i].check || this.equips[i].check == "1") {
                    _check = "1";
                }
                _equips.push([
                    this.equips[i].id,
                    this.equips[i].brand,
                    this.equips[i].year,
                    this.equips[i].num,
                    _check
                ])
            }
            var self = this;
            $.ajax({
                type:"POST",
                url: _UrlPrefix + "/api/member/factory/fac-equip-set",
                data: {
                    app_access: _AppAccess,
                    token: localStorage.getItem('token'),
                    type: 2,
                    cate: 2,
                    equips: JSON.stringify(_equips)
                },
                success:function(res){
                    console.log(res)
                    if(0 == res.code) {
                        self.editStatus = !self.editStatus;
                        ELEMENT.Message.success('保存成功');
                    }
                }
            })
        }
    },
    mounted() {
        
    },
    created() {
        // 获取工厂设备
        this.getUserInfo();
    },
})